﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<title>three.js webgl - AMF</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<style>
			body {
				font-family: Monospace;
				background-color: #000000;
				margin: 0px;
				overflow: hidden;
			}
			#info {
				color: #fff;
				top: 10px;
				width: 50%;
				height:500px;
				text-align: center;
				z-index: 100;
				display:block;
				float:left;
				border-right: 1px red solid;
			}
			#info2 {
				color: #fff;
				top: 10px;
				width: 49%;
				height:500px;
				text-align: center;
				z-index: 100;
				display:block;
				float:left;

			}
			a { color: skyblue }
			.button { background:#999; color:#eee; padding:0.2em 0.5em; cursor:pointer }
			.highlight { background:orange; color:#fff; }
			span {
				display: inline-block;
				width: 60px;
				float: left;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div id="info">
		</div>
		<div id="info2">
		</div>
		<script src="three.js"></script>
<!-- 		<script src="js/libs/stats.min.js"></script> -->
		<script src="js/libs/dat.gui.min.js"></script>
		<script src="js/controls/OrbitControls.js"></script>
		<script src="js/controls/TrackballControls.js"></script>
		<script src="me/jquery.min.js"></script>
		<script src="js/ColladaLoader.js"></script>
		<script src="me/my.js"></script>
		<script>
			my.init($("#info"));
			my.init($("#info2"));
			$("#info").click(function(e){
				pickupObjects(e);
			});
		</script>
	</body>
</html>
